<template>
    <BasePopPanel
        style="z-index: 999"
        :title="popTitle"
        width="1200px"
        height="734px"
        @close="onClose"
    >
        <CameraVideoPlay :info="info" @close="onClose" />
    </BasePopPanel>
</template>

<script setup lang="ts">
import BasePopPanel from '@/components/BasePopPanel/index.vue'
import CameraVideoPlay from './CameraVideoPlay.vue'

// props 定义
const props = defineProps<{
    info: any
}>()

// emit 定义
const emit = defineEmits(['close'])

const popTitle = `视频监控-${props.info.cameraName}`

const onClose = () => {
    emit('close')
}
</script>

<style lang="scss" scoped>
.pop-content {
    position: relative;
    width: 100%;
    height: 100%;

    iframe {
        width: 100%;
        height: 100%;
        border: none;
    }
}
</style>
